<script setup lang="ts">
import { CESIUM_TOKEN } from '@/config/global'
import { Ion, Viewer } from 'cesium'
import { onMounted } from 'vue'

onMounted(() => {
  Ion.defaultAccessToken = CESIUM_TOKEN
  new Viewer('cesiumContainer', {
    // 搜索按钮
    geocoder: false,
    // 主页按钮
    homeButton: false,
    // 投影按钮
    sceneModePicker: false,
    // 图层选择按钮
    baseLayerPicker: false,
    // 帮助按钮
    navigationHelpButton: false,
    // 动画控件
    animation: false,
    // 时间线控件
    timeline: false,
    // 全屏按钮
    fullscreenButton: false,
    // 去掉版本
    creditContainer: document.createElement('div'),
    // 去掉星空背景
    skyBox: false,
  })
})
</script>

<template>
  <div id="cesiumContainer"></div>
</template>

<style scoped></style>
